<table class="table table-striped table-bordered table-hover nomargin-bottom">
	<thead>
		<tr>
			<th class="center">机构名称</th>
			<th class="center">机构类型</th>
			<th class="center">上级机构</th>
			<th class="center">归属区域</th>
			<th class="center">负责人</th>
			<th class="center">电话</th>
			<th class="center">操作</th>
		</tr>
	</thead>
	
	<tbody>
		@var area = getAllArea();
		@for(item in page.list){
			<tr>
				<td class="center">
					<a href="javascript:;" 
						data-title="<${item.name!}>详情" data-mode="detail"
						data-url="${ctxPath}/office/detail/showlayer"
						data-data="{id:'${item.id}'}"
					>${item.name}</a>
				</td>
				<td class="center">
					${dict.getDictByTypeAndValue("sys_office_type",item.type).label}
				</td>
				<td class="center">
					${item.pname!}
				</td>
				<td class="center">
					${area[item.areaId].name!}
				</td>
				<td class="center">
					${item.master! }
				</td>
				<td class="center">
					${item.phone! }
				</td>
				<td class="center">
					<div class="hidden-sm hidden-xs action-buttons">
						<a class="green" href="javascript:void(0);" 
							data-mode="page" data-title="<${item.name!}>编辑"
							data-url="${ctxPath}/office/edit/showlayer"
							data-data="{id:'${item.id}',parentId:'${item.pid}'}"
							data-width="50%"
						>
							<i class="ace-icon fa fa-pencil bigger-130"></i>
						</a>

						<a class="red" href="javascript:void(0);" 
							data-mode="del" data-title="删除操作"
							data-msg="你确定删除<${item.name!}>节点及其所有的子节点吗?(慎重操作)"
							data-url="${ctxPath}/office/delete" data-data="{id:'${item.id}'}"
						>
							<i class="ace-icon fa fa-trash-o bigger-130"></i>
						</a>
					</div>
				</td>
			</tr>
		@}
	</tbody>
</table>
<div class="space-8"></div>
<#paginate page="${page}" />